<link rel="stylesheet" type="text/css" href="assets/bootstrap-datepicker/css/datepicker.css" />
<section id="main-content">
  <section class="wrapper">
    <!--state overview start-->
    <div class="row first">
      <div class="col-lg-12">
        <div class="alert alert-warning fade in">
          <button data-dismiss="alert" class="close close-sm" type="button">
            <i class="icon-remove"></i>
          </button>
          <strong>备注说明：</strong> 本页面默认提供三个维度的项目进展，分别是本部门归属的项目、本部门人员参与的外部项目、本部门产品相关的项目。
          （点击表格字段名称，可对数据进行排序）
        </div>

        <section class="panel">
          <div class="panel-body" style="padding-bottom: 0;">
            <div class="row">
              <div class="col-lg-3">
                <div class="input-group m-bot15">
                  <span class="input-group-addon">开始日期</span>
                  <input type="text" id="datetime-star" class="form-control" placeholder="开始日期">
                </div>
              </div>
              <div class="col-lg-3">
                <div class="input-group m-bot15">
                  <span class="input-group-addon">结束日期</span>
                  <input type="text" id="datetime-2" class="form-control" placeholder="结束日期">
                </div>
              </div>
              <div class="col-lg-3">
                <div class="input-group m-bot15">
                  <span class="input-group-addon" style="position: relative;z-index: 2;">归属公司</span>
                  <select class="form-control"
                    style="position: relative;margin-left:-3px;border-top-left-radius:0;border-bottom-left-radius:0;"
                    id="company" ng-model="company" onchange="getDepts()">
                    <option value="" selected>全部公司</option>
                    <option ng-repeat="x in comp" value="{{x.companyId}}">{{x.company}}</option>
                  </select>
                </div>
              </div>
              <div class="col-lg-3">
                <div class="input-group m-bot15">
                  <span class="input-group-addon" style="position: relative;z-index: 2;">归属部门</span>
                  <select class="form-control"
                    style="position: relative;margin-left:-3px;border-top-left-radius:0;border-bottom-left-radius:0;"
                    id="deptCode" ng-model="deptCode">
                    <option value="" selected>全部部门</option>
                    <option ng-repeat="x in dept" value="{{x.departmentCode}}">{{x.departmentName}}</option>
                  </select>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-lg-3">
                <div class="input-group m-bot15">
                  <span class="input-group-addon" style="position: relative;z-index: 2;">所属分类</span>
                  <select class="form-control"
                    style="position: relative;margin-left:-3px;border-top-left-radius:0;border-bottom-left-radius:0;"
                    id="code">
                    <option value="1">部门归属项目</option>
                    <option value="2">产品相关项目</option>
                    <option value="3">成员相关项目</option>
                  </select>
                </div>
              </div>
              <div class="col-lg-3">
                <div class="input-group m-bot15">
                  <span class="input-group-addon" style="position: relative;z-index: 2;">项目类型</span>
                  <select class="form-control"
                    style="position: relative;margin-left:-3px;border-top-left-radius:0;border-bottom-left-radius:0;"
                    id="proType">
                    <option value="">全部类型</option>
                    <option value="ZL">战略类项目</option>
                    <option value="YF">研发类项目</option>
                    <option value="XS">销售类项目</option>
                    <option value="BM">部门类项目</option>
                    <option value="SW">事务类项目</option>
                    <option value="CS">内部测试项目</option>
                  </select>
                </div>
              </div>
              <!--<div class="col-lg-3">-->
                <!--<div class="input-group m-bot15">-->
                  <!--<span class="input-group-addon" style="position: relative;z-index: 2;">排序方式</span>-->
                  <!--<select class="form-control"-->
                    <!--style="position: relative;margin-left:-3px;border-top-left-radius:0;border-bottom-left-radius:0;"-->
                    <!--id="sortType">-->
                    <!--<option value="">默认</option>-->
                    <!--<option value="">时间</option>-->
                    <!--<option value="">姓名</option>-->
                  <!--</select>-->
                <!--</div>-->
              <!--</div>-->
              <div class="col-lg-3">
                <button class="btn btn-info searchs" style="margin-bottom:15px;">搜索</button>
                <!--<button onclick="javascrtpt:window.location.href='#/meetmode'" class="btn btn-warning media-btn" style="margin-bottom:15px;"><i class="icon-bar-chart"></i> 会议模式</button>-->
              </div>
            </div>
          </div>
        </section>



        <!-- <div class="view-header">
          <div class="view-search">
            <label class="pull-left">提交日期：</label>
            <input id="datetime-star" type="text" value="" class="form-control pull-left" style="width:100px;">
            <label class="pull-left">至&nbsp;&nbsp;</label>
            <input id="datetime-2" type="text" value="" class="form-control pull-left" style="width:100px;">
            <label class="pull-left">所属公司：</label>
            <select class="form-control pull-left" style="width:100px;" id="company" ng-model="company"
              onchange="getDepts()">
              <option value="" selected>全部公司</option>
              <option ng-repeat="x in comp" value="{{x.companyId}}">{{x.company}}</option>
            </select>

            <label class="pull-left">所属部门：</label>
            <select class="form-control pull-left" style="width:100px;" id="deptCode" ng-model="deptCode">
              <option value="" selected>全部部门</option>
              <option ng-repeat="x in dept" value="{{x.departmentCode}}">{{x.departmentName}}</option>
            </select>
          </div>
          <div class="view-search">
            <label class="pull-left">分类：</label>
            <select class="form-control pull-left" style="width:115px;" id="code">
              <option value="1">部门归属项目</option>
              <option value="2">产品相关项目</option>
              <option value="3">成员相关项目</option>
            </select>
            <label class="pull-left">类型：</label>
            <select class="form-control pull-left" style="width:100px;" id="proType">
              <option value="">全部类型</option>
              <option value="ZL">战略类项目</option>
              <option value="YF">研发类项目</option>
              <option value="XS">销售类项目</option>
              <option value="BM">部门类项目</option>
              <option value="SW">事务类项目</option>
              <option value="CS">内部测试项目</option>
            </select>
            <label class="pull-left">排序：</label>
            <select class="form-control pull-left" style="width:100px;" id="sortType">
              <option value="">默认</option>
              <option value="">时间</option>
              <option value="">姓名</option>
            </select>
            <a href="javascript:void(0);" class="btn btn-info pull-left searchs">搜索</a>
            <a href="#/meetmode" class="btn btn-warning pull-right media-btn"><i class="icon-bar-chart"></i> 会议模式</a>
          </div>
        </div> -->

        <section class="panel">
          <header class="panel-heading">
            项目进展
          </header>
          <div class="panel-body">
            <div id="msgContainer1" class="dlshouwen-grid-container"></div>
            <div id="msgToolBarContainer1" class="dlshouwen-grid-toolbar-container"></div>
          </div>
        </section>

        <section class="panel">
          <header class="panel-heading">
            项目风险和问题
          </header>
          <div class="panel-body">
            <div id="msgContainer2" class="dlshouwen-grid-container"></div>
            <div id="msgToolBarContainer2" class="dlshouwen-grid-toolbar-container"></div>
          </div>
        </section>

        <section class="panel">
          <header class="panel-heading">
            项目决策
          </header>
          <div class="panel-body">
            <div id="msgContainer3" class="dlshouwen-grid-container"></div>
            <div id="msgToolBarContainer3" class="dlshouwen-grid-toolbar-container"></div>
          </div>
        </section>

        <section class="panel">
          <header class="panel-heading">
            项目动态
          </header>
          <div class="panel-body">
            <div id="msgContainer" class="dlshouwen-grid-container"></div>
            <div id="msgToolBarContainer" class="dlshouwen-grid-toolbar-container"></div>
          </div>
        </section>

        <section class="panel">
          <header class="panel-heading">
            <span id="deptFlag">所有</span>部门项目未填写进展
          </header>
          <div class="panel-body">
            <div id="msgContainer4" class="dlshouwen-grid-container"></div>
            <div id="msgToolBarContainer4" class="dlshouwen-grid-toolbar-container"></div>
          </div>
        </section>

      </div>
    </div>
    <!--项目详情页-->
    <div class="two" ng-include="'lproinfo/lproinfo.html'"></div>
    <!--state overview end-->
  </section>
</section>
<script type="text/javascript" src="assets/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<!-- 当前页面js文件引入 -->
<script src="js/operation/proReport.js"></script>
<script>
  $('#datetime-star').datepicker({
    format: 'yyyy-mm-dd'
  });
  $("#datetime-2").datepicker({
    format: 'yyyy-mm-dd'
  });
</script>